
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/themes/default/jquery.mobile-1.2.0.min.css" />

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
<title>Untitled Document</title>
</head>

<body>

<div data-role="page" id="pageProducts">
	<div data-role="header" data-position="fixed">
		<h1>Electronic Supermarket</h1>
        <a href="#" id="openDialogSignOut" data-icon="delete" class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
	</div>
	


<div data-role="page" id="HotProducts">
	<div data-role="header" data-position="fixed">
		<h2>Transaction History</h2>
        <a href="#" id="openDialogSignOut" data-icon="delete" class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
	</div>
	<div data-role="content">	
    
	
        <ul data-role="listview" data-filter="true" data-split-icon="delete"
             data-filter-placeholder="Transaction search...">
            
		</ul>
        </div>
	<div data-role="content">
					<div class="content-primary">
						
		<ul data-role="listview" data-theme="d" data-divider-theme="d">
			<li data-role="list-divider">Friday, October 19, 2012 <span class="ui-li-count">2</span></li>
			<li><a href="index.jsp">
				
					<h3>First time</h3>
					<p><strong>-----Transaction Content-------</strong></p>
					<p>--------Item number and price--------.</p>
					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
				
			</a></li>
			<li><a href="index.jsp">
				
				<h3>The 2nd time</h3>
					<p><strong>-----Transaction Content-------</strong></p>
					<p>--------Item number and price--------.</p>
<p class="ui-li-aside"><strong>8:30</strong>PM</p>
				
					
			</a></li>
			<li data-role="list-divider">Thursday, October 18, 2012<span class="ui-li-count">1</span></li>
			<li><a href="index.jsp">
				<h3>First time</h3>
					<p><strong>-----Transaction Content------</strong></p>
					<p>--------Item number and price--------.</p>
			<p class="ui-li-aside"><strong>4:48</strong>PM</p>
			</a></li>
			<li data-role="list-divider">Wednesday, October 10, 2012 <span class="ui-li-count">3</span></li>
			<li><a href="index.jsp">
				<h3>First time</h3>
					<p><strong>-----Transaction Content-------</strong></p>
					<p>--------Item number and price--------.</p>
<p class="ui-li-aside"><strong>12:47</strong>PM</p>
			</a></li>
			<li><a href="index.jsp">
				<h3>The 2nd time</h3>
					<p><strong>-----Transaction Content-------</strong></p>
					<p>--------Item number and price--------.</p>
<p class="ui-li-aside"><strong>6:24</strong>AM</p>
			</a></li>
			<li><a href="index.jsp">
				<h3>The 3rd time </h3>
					<p><strong>-----Transaction Content-------</strong></p>
					<p>--------Item number and price--------.</p>
<p class="ui-li-aside"><strong>5:52</strong>AM</p>
			</a></li>
				<li data-role="list-divider">Tuesday, October 2, 2012 <span class="ui-li-count">2</span></li>
				<li><a href="index.jsp">
					<h3>First time</h3>
					<p><strong>-----Transaction Content-------</strong></p>
					<p>--------Item number and price--------.</p>
<p class="ui-li-aside"><strong>9:30</strong>AM</p>
				</a></li>
				<li><a href="index.jsp">
					<h3>The 2nd time</h3>
					<p><strong>-----Transaction Content-------</strong></p>
					<p>--------Item number and price--------.</p>
					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
				</a></li>
		</ul>
		</div><!--/content-primary -->
              
      </ul>
	</div>
    </div>
    
  
</body>
</html>

